* {
    font: normal 100% Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    outline: none;
}

.logo {
    padding: 22px 0px;
    height: 44px;
    width: 1190px;
    margin: auto;
}

.logo>a img {
    width: 190px;
    height: 27px;
    margin-top: 8px;
}

.content {
    position: relative;
    width: 100%;
    margin-bottom: 40px;
}

.login-banner-wrap {
    width: 100%;
    background-color: rgb(221, 39, 38);
}

.login-banner-wrap .inner {
    position: relative;
    width: 1190px;
    margin: auto;
}

.content .form {
    width: auto;
    height: 350px;
    position: absolute;
    top: 91px;
    right: 230px;
    background: #fff;
    padding: 35px 25px;
}

.content .form .form-inner .form-div {
    margin-right: 5px;
    display: inline-block;
    padding-bottom: 4px;
    font-weight: 600;
}

.content .form .form-inner .input {
    margin: 20px 0;
    display: flex;
}

.content .form .form-inner .input #icon1 {
    width: 42px;
    height: 42px;
    background-color: rgb(201, 201, 201);
    background-image: url('../images/人.png');
    background-position: center;
    background-size: 26px 26px;
    background-repeat: no-repeat;
}

.content .form .form-inner .input #icon2 {
    width: 42px;
    height: 42px;
    background-color: rgb(201, 201, 201);
    background-image: url('../images/锁.png');
    background-position: center;
    background-size: 26px 26px;
    background-repeat: no-repeat;
}

.content .form .form-inner .input input {
    width: 236px;
    border: 1px solid rgb(201, 201, 201);
    padding: 0 10px;
    font-size: 14px;
}

.content .form .form-inner .button {
    width: 300px;
    height: 42px;
    color: white;
    background-color: rgb(255, 0, 54);
    border: none;
    border-radius: 3px;
    margin-bottom: 15px;
}

.content .form .form-inner .form-a {
    width: 300px;
}

.content .form .form-inner .form-a .form-a-ul {
    list-style: none;
    display: flex;
    float: right;
}

.content .form .form-inner .form-a .form-a-ul>li {
    margin-right: 10px;
}

.content .form .form-inner .form-a .form-a-ul>li a {
    color: rgb(108, 108, 108);
    font-size: 12px;
    text-decoration: none;
}

.footer {
    width: auto;
    height: auto;
    position: relative;
    width: 1190px;
    margin: auto;
    margin-top: 50px;
}

.footer_a {
    width: 100%;
    margin-bottom: 15px;
}

.footer_a_ul {
    list-style: none;
    display: flex;
}

.footer_a_ul>li {
    margin-right: 5px;
}

.footer_a_ul>li a {
    color: black;
    font-size: 12px;
    text-decoration: none;
}

.footer_b {
    width: 100%;
}

.footer_b_ul {
    list-style: none;
    display: flex;
}

.footer_b_ul>li {
    margin-right: 15px;
}

.footer_b_ul>li a {
    color: black;
    font-size: 12px;
    text-decoration: none;
}

.footer_c_code {
    color: rgb(164, 164, 164);
    list-style: none;
    display: flex;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer_c_code>li {
    margin-right: 70px;
}

.footer_c_text {
    color: rgb(164, 164, 164);
    list-style: none;
    display: flex;
    font-size: 10px;
}

.footer_c_text>li {
    margin-right: 70px;
}

.footer_c_text+p {
    color: rgb(164, 164, 164);
    font-size: 10px;
    line-height: 20px;
}

#img,
#span {
    vertical-align: middle;
}